<!DOCTYPE html>
{% load static %}
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>RZN - 智能博客空间</title>
  <link href="{% static 'index.css' %}" type="text/css" rel="stylesheet" />
</head>

<body>
  <!-- 页眉 -->
  <header>
    <div class="nav-container">
      <div class="logo">
        <div class="logo-icon"><i class="fas fa-atom"></i></div>
        <div class="logo-text">RZN</div>
      </div>
      <ul class="nav-links">
        <li><a href="/blog/index/"><i class="fas fa-home"></i> 首页</a></li>
        <li><a href="#"><i class="fas fa-folder"></i> 分类</a></li>
        <li><a href="#"><i class="fas fa-tag"></i> 标签</a></li>
        <li><a href="#"><i class="fas fa-user"></i> 关于</a></li>
        <li><a href="/blog/logout"><i class="fas fa-sign-out-alt"></i> 退出登录</a></li>
      </ul>
    </div>
  </header>

  <!-- 主内容区域 -->
  <div class="hero">
    <h1>探索智能思想边界</h1>
    <p>在技术与创意的交集中，发现数字世界的无限可能性</p>
    <div class="hero-divider"></div>
  </div>

  <!-- 博客文章网格 -->
  <div class="blog-grid">
    <!-- 文章卡片1 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/e4dde71190ef76c6d2cd5b065bbd46f5af51673f.jpeg?token=e3872da7b53b2fd6d5001f3de324dc69"
             alt="人工智能">
      </div>
      <div class="post-content">
        <div class="post-meta">
          <div class="post-author">王雨桐</div>
          <div class="post-date">2024年3月15日</div>
        </div>
        <h2><a href="/blog/blog1/">AI革命：如何改变我们的工作与生活</a></h2>
        <p class="post-excerpt">探索人工智能如何重塑行业格局，从自动化到创造力的新边界...</p>
        <div class="post-tags">
          <div class="tag">人工智能</div>
          <div class="tag">未来工作</div>
          <div class="tag">科技创新</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
    </div>

    <!-- 文章卡片2 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/dbb44aed2e738bd44437039eb616f8d9267ff9bc.jpeg?token=e0d6679c824995aadfeb503dd29a90ff"
             alt="量子计算">
      </div>
      <div class="post-content">
        <div class="post-meta">
          <div class="post-author">李思远</div>
          <div class="post-date">2024年3月20日</div>
        </div>
        <h2><a href="/blog/blog1/">量子计算的未来：突破经典计算的边界</a></h2>
        <p class="post-excerpt">量子计算如何解决目前无法解决的复杂问题，探索量子计算的基本原理与实际应用...</p>
        <div class="post-tags">
          <div class="tag">量子计算</div>
          <div class="tag">未来科技</div>
          <div class="tag">算法</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
    </div>

    <!-- 文章卡片3 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/3ac79f3df8dcd100e660952ff736cd1eb8122f0f.jpeg?token=66fd30b0ca40c0246d96fa06f5944f10"
             alt="物联网">
      </div>
      <div class="post-content">
        <div class="post-meta">
          <div class="post-author">陈雨萌</div>
          <div class="post-date">2024年3月25日</div>
        </div>
        <h2><a href="/blog/blog1/">物联网的智能城市蓝图：让城市更高效、更安全</a></h2>
        <p class="post-excerpt">从传感器网络到智能管理系统，物联网将如何重塑现代城市的基础设施...</p>
        <div class="post-tags">
          <div class="tag">物联网</div>
          <div class="tag">智慧城市</div>
          <div class="tag">技术创新</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
    </div>

    <!-- 文章卡片4 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/6609c93d70cf3bc732c31ec8b49272aecc112a71.jpeg?token=6112a3f42b96a61ef6e3687682b57aa5"
             alt="机器学习">
      </div>
      <div class="post-content">
        <div class="post-meta">
          <div class="post-author">张雨辰</div>
          <div class="post-date">2024年4月2日</div>
        </div>
        <h2><a href="/blog/blog1/">机器学习实战指南：从理论到应用的全面解析</a></h2>
        <p class="post-excerpt">了解机器学习核心算法，掌握构建预测模型的关键技巧和应用案例...</p>
        <div class="post-tags">
          <div class="tag">机器学习</div>
          <div class="tag">数据科学</div>
          <div class="tag">算法</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
    </div>

    <!-- 文章卡片5 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/8b13632762d0f703ebcec12e8b7f9e322797c55d.jpeg?token=869117d851811ed6001577a94249a93b"
             alt="网络安全">
      </div>
      <div class="post-content">
        <div class="post-meta">
          <div class="post-author">刘建国</div>
          <div class="post-date">2024年4月10日</div>
        </div>
        <h2><a href="/blog/blog1/">网络安全新趋势：防御未来数字威胁</a></h2>
        <p class="post-excerpt">探讨当前最紧迫的网络安全挑战以及前沿防御技术，保护企业免受复杂攻击...</p>
        <div class="post-tags">
          <div class="tag">网络安全</div>
          <div class="tag">信息安全</div>
          <div class="tag">加密技术</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
    </div>

    <!-- 文章卡片6 -->
    <div class="post-card">
      <div class="post-image">
        <img src="https://pics0.baidu.com/feed/cefc1e178a82b90196b5d341208d06783912efbc.jpeg?token=0d6c187f35d8fcbb69bf0133f598f0ad"
             alt="区块链">
      </div>
      <!-- 因原代码中文章卡片6内容未完整显示，此处按已有格式保留结构，实际需补充完整内容 -->
      <div class="post-content">
        <!-- 需补充对应meta、标题、摘要、标签、阅读链接等内容 -->
        <div class="post-meta">
          <div class="post-author">赵天宇</div>
          <div class="post-date">2024年4月18日</div>
        </div>
        <h2><a href="/blog/blog1/">区块链技术应用：超越加密货币的革新</a></h2>
        <p class="post-excerpt">从供应链管理到数字身份验证，探索区块链如何改变传统业务流程...</p>
        <div class="post-tags">
          <div class="tag">区块链</div>
          <div class="tag">去中心化</div>
          <div class="tag">技术革新</div>
        </div>
        <a href="#" class="read-more">阅读全文</a>
      </div>
      </div>
    </div>

<!-- 页脚 -->
<footer>
  <div class="footer-content">
    <div class="footer-section">
      <h3>关于RGZN</h3>
      <p>探索未知，分享洞见。RGZN致力于打造一个专注于智能科技与前沿思想的社区平台，帮助读者理解正在改变世界的技术浪潮。</p>

    </div>
    <div class="footer-section">
      <h3>快速链接</h3>
      <ul class="footer-links">
        <li><a href="#"><i class="fas fa-chevron-right"></i> 最新文章</a></li>
        <li><a href="#"><i class="fas fa-chevron-right"></i> 热门话题</a></li>
        <li><a href="#"><i class="fas fa-chevron-right"></i> 作者专栏</a></li>
        <li><a href="#"><i class="fas fa-chevron-right"></i> 订阅咨询</a></li>
      </ul>
    </div>
    <div class="footer-section">
      <h3>关注我们</h3>
      <ul class="footer-links">
        <li><a href="#"><i class="fas fa-weixin"></i> 微信</a></li>
        <li><a href="#"><i class="fas fa-qq"></i> QQ空间</a></li>
        <li><a href="#"><i class="fas fa-comments"></i> 公众号</a></li>
        <li><a href="#"><i class="fas fa-hashtag"></i> 小程序</a></li>
      </ul>
    </div>



  </div>
  <div class="footer-bottom">
    <p>@ 2025 RGZN 智能思想空间 | 探索科技边界 启迪创新思维</p>
  </div>
</footer>
</body>

</html>
